﻿<!doctype html>
<html class="no-js" lang="zxx">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Addina - 网上图书商城</title>
    <script src="../../../console-ban.min.js"></script>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" type="image/x-icon" href="assets/imgs/favicon.png">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/meanmenu.min.css">
    <link rel="stylesheet" href="assets/css/animate.css">
    <link rel="stylesheet" href="assets/css/swiper.min.css">
    <link rel="stylesheet" href="assets/css/slick.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/fontawesome-pro.css">
    <link rel="stylesheet" href="assets/css/spacing.css">
    <link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<div id="preloader">
    <div class="bd-loader-inner">
        <div class="bd-loader"><span class="bd-loader-item"></span><span class="bd-loader-item"></span><span
                class="bd-loader-item"></span><span class="bd-loader-item"></span><span
                class="bd-loader-item"></span><span class="bd-loader-item"></span><span
                class="bd-loader-item"></span><span class="bd-loader-item"></span></div>
    </div>
</div>
<div class="backtotop-wrap cursor-pointer">
    <svg class="backtotop-circle svg-content" width="100%" height="100%" viewbox="-1 -1 102 102">
        <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"></path>
    </svg>
</div>
<div class="df-search-area">
    <div class="container">
        <div class="row">
            <div class="col-xl-12">
                <div class="df-search-form">
                    <div class="df-search-close text-center mb-20">
                        <button class="df-search-close-btn df-search-close-btn"></button>
                    </div>
                    <form action="#">
                        <div class="df-search-input mb-10"><input type="text" placeholder="Search for product...">
                            <button type="submit"><i class="flaticon-search-1"></i></button>
                        </div>
                        <div class="df-search-category"><span>Search by:</span><a href="#">Healthline,</a><a href="#">COVID-19,</a><a
                                href="#">Surgery,</a><a href="#">Surgeon,</a><a href="#">Medical research</a></div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="body-overlay"></div>
<header>
    <div class="header">
        <div class="header-top-area grocery__top-header">
            <div class="header-layout-4">
                <div class="header-to-main d-none d-sm-flex">
                    <div class="link-text"><span><img src="assets/imgs/icons/call.png" alt=""></span><a
                            href="">4001066666-5</a></div>
                    <div class="header-top-notice d-none d-lg-block">
                        <p>热烈庆祝新店开业！为答谢广大顾客的支持与厚爱，特推出限时折扣活动，优惠多多，不容错过！</p>
                    </div>
                    <div class="tp-header-top-menu d-flex align-items-center justify-content-end">
                        <!--                        <div class="header-lang-item header-lang"><span class="header-lang-toggle text-white"-->
                        <!--                                                                        id="header-lang-toggle">English</span>-->
                        <!--                            <ul class="">-->
                        <!--                                <li><a class="furniture-clr-hover" href="#">Spanish</a></li>-->
                        <!--                                <li><a class="furniture-clr-hover" href="#">Russian</a></li>-->
                        <!--                                <li><a class="furniture-clr-hover" href="#">Portuguese</a></li>-->
                        <!--                            </ul>-->
                        <!--                        </div>-->
                        <!--                        <div class="header-lang-item tp-header-currency"><span class="header-currency-toggle text-white"-->
                        <!--                                                                               id="header-currency-toggle">USD</span>-->
                        <!--                            <ul>-->
                        <!--                                <li><a class="furniture-clr-hover" href="#">EUR</a></li>-->
                        <!--                                <li><a class="furniture-clr-hover" href="#">CHF</a></li>-->
                        <!--                                <li><a class="furniture-clr-hover" href="#">GBP</a></li>-->
                        <!--                                <li><a class="furniture-clr-hover" href="#">KWD</a></li>-->
                        <!--                            </ul>-->
                        <!--                        </div>-->
                        <div class="header-lang-item tp-header-setting">
                            <!--                            <span class="header-setting-toggle text-white">我的</span>-->
                            <ul>
                                <li><a class="furniture-clr-hover" href="#">个人信息</a></li>
                                <li><a class="furniture-clr-hover" href="wishlist.html">愿望单</a></li>
                                <li><a class="furniture-clr-hover" href="cart.html">购物车</a></li>
                                <li><a class="furniture-clr-hover" href="#">退出登录</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-layout-4 header-bottom">
            <div id="header-sticky" class="header-4">
                <div class="mega-menu-wrapper">
                    <div class="header-main-4">
                        <div class="header-left">
                            <div class="header-logo"><a href="index.html"><img src="assets/imgs/furniture/logo/logo.svg"
                                                                               alt="logo not found"></a></div>
                            <div class="mean__menu-wrapper furniture__menu d-none d-lg-block">
                                <div class="main-menu">
                                    <nav id="mobile-menu">
                                        <ul>
                                            <li><a href="index.html">主页</a></li>
                                            <!--                                            <li><a href="about.html">About</a></li>-->
                                            <li class="has-dropdown"><a href="product.html">图书选购</a>
                                                <ul class="submenu">
                                                    <li><a href="product.html">图书选购</a></li>
                                                    <!--                                                    <li><a href="product-details.html">Product Details</a></li>-->
                                                    <li><a href="wishlist.html">愿望单</a></li>
                                                    <li><a href="cart.html">购物车</a></li>
                                                </ul>
                                            </li>
                                            <li class="has-dropdown"><a href="product.html">图书分类</a>
                                                <ul class="submenu">
                                                    <li><a href="product.html">教育</a></li>
                                                    <li><a href="product.html">小说</a></li>
                                                    <li><a href="product.html">文艺</a></li>
                                                    <li><a href="product.html">动漫</a></li>
                                                    <li><a href="product.html">童书</a></li>
                                                    <li><a href="product.html">人文社科</a></li>
                                                    <li><a href="product.html">经管</a></li>
                                                    <li><a href="product.html">成功/励志</a></li>
                                                    <li><a href="product.html">生活</a></li>
                                                    <li><a href="product.html">科技</a></li>
                                                    <li><a href="product.html">进口原版</a></li>
                                                </ul>
                                            </li>
                                            <li class="has-dropdown"><a href="index.html">所有页面</a>
                                                <ul class="submenu">
                                                    <!--                                                    <li><a href="about.html">About Us</a></li>-->
                                                    <!--                                                    <li><a href="store.html">Find a Store</a></li>-->
                                                    <!--                                                    <li><a href="portfolio.html">Portfolio</a></li>-->
                                                    <!--                                                    <li><a href="portfolio-details.html">Portfolio Details</a></li>-->
                                                    <!--                                                    <li><a href="faq.html">Faq</a></li>-->
                                                    <!--                                                    <li><a href="coming-soon.html">Coming Soon</a></li>-->
                                                    <li><a href="index.html">主页</a></li>
                                                    <li><a href="product.html">图书选购</a></li>
                                                    <li><a href="product-details.html">图书详情页</a></li>
                                                    <li><a href="wishlist.html">愿望单</a></li>
                                                    <li><a href="cart.html">购物车</a></li>
                                                    <li><a href="checkout.html">结算支付</a></li>
                                                    <li><a href="review.html">评价</a></li>
                                                    <li><a href="order.html">订单</a></li>
                                                    <li><a href="order-details.html">订单详情</a></li>
                                                    <li><a href="error.html">系统错误画面</a></li>
                                                </ul>
                                            </li>
                                            <!--                                            <li class="has-dropdown"><a href="blog.html">Blog</a>-->
                                            <!--                                                <ul class="submenu">-->
                                            <!--                                                    <li><a href="blog.html">Blog Default</a></li>-->
                                            <!--                                                    <li><a href="blog-grid.html">Blog Grid</a></li>-->
                                            <!--                                                    <li><a href="blog-details.html">Blog Details</a></li>-->
                                            <!--                                                </ul>-->
                                            <!--                                            </li>-->
                                            <!--                                            <li><a href="contact.html">Contact</a></li>-->
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                        </div>
                        <div class="header-right d-inline-flex align-items-center justify-content-end">
                            <div class="header-search d-none d-xxl-block">
                                <form action="#"><input type="text" placeholder="搜索图书...">
                                    <button type="submit">
                                        <svg width="18" height="18" viewbox="0 0 18 18" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M13.4443 13.4445L16.9999 17" stroke="white" stroke-width="2"
                                                  stroke-linecap="round" stroke-linejoin="round"></path>
                                            <path d="M15.2222 8.11111C15.2222 12.0385 12.0385 15.2222 8.11111 15.2222C4.18375 15.2222 1 12.0385 1 8.11111C1 4.18375 4.18375 1 8.11111 1C12.0385 1 15.2222 4.18375 15.2222 8.11111Z"
                                                  stroke="white" stroke-width="2"></path>
                                        </svg>
                                    </button>
                                </form>
                            </div>
                            <div class="header-action d-flex align-items-center ml-30">
                                <div class="header-action-item"><a href="wishlist.html" class="header-action-btn">
                                    <svg width="23" height="21" viewbox="0 0 23 21" fill="none"
                                         xmlns="http://www.w3.org/2000/svg">
                                        <path d="M21.2743 2.33413C20.6448 1.60193 19.8543 1.01306 18.9596 0.609951C18.0649 0.206838 17.0883 -0.0004864 16.1002 0.00291444C14.4096 -0.0462975 12.7637 0.529279 11.5011 1.61122C10.2385 0.529279 8.59252 -0.0462975 6.90191 0.00291444C5.91383 -0.0004864 4.93727 0.206838 4.04257 0.609951C3.14788 1.01306 2.35732 1.60193 1.72785 2.33413C0.632101 3.61193 -0.514239 5.92547 0.245772 9.69587C1.4588 15.7168 10.5548 20.6578 10.9388 20.8601C11.11 20.9518 11.3028 21 11.4988 21C11.6948 21 11.8875 20.9518 12.0587 20.8601C12.445 20.6534 21.541 15.7124 22.7518 9.69587C23.5164 5.92547 22.37 3.61193 21.2743 2.33413ZM20.4993 9.27583C19.6416 13.5326 13.4074 17.492 11.5011 18.6173C8.81516 17.0587 3.28927 13.1457 2.50856 9.27583C1.91872 6.35103 2.72587 4.65208 3.50773 3.74126C3.9212 3.26166 4.43995 2.87596 5.02678 2.61185C5.6136 2.34774 6.25396 2.21175 6.90191 2.21365C7.59396 2.16375 8.28765 2.2871 8.91534 2.57168C9.54304 2.85626 10.0833 3.29235 10.4835 3.83743C10.5822 4.012 10.7278 4.15794 10.9051 4.26003C11.0824 4.36212 11.2849 4.41662 11.4916 4.41787C11.6983 4.41911 11.9015 4.36704 12.0801 4.26709C12.2587 4.16714 12.4062 4.02296 12.5071 3.84959C12.9065 3.30026 13.448 2.86048 14.0781 2.57361C14.7081 2.28674 15.4051 2.16267 16.1002 2.21365C16.7495 2.21061 17.3915 2.34604 17.9798 2.6102C18.5681 2.87435 19.0881 3.26065 19.5025 3.74126C20.282 4.65208 21.0892 6.35103 20.4993 9.27583Z"
                                              fill="black"></path>
                                    </svg>
                                    <span class="header-action-badge bg-furniture">3</span></a></div>
                                <div class="header-action-item"><a href="cart.html"
                                                                   class="header-action-btn cartmini-open-btn">
                                    <svg width="21" height="23" viewbox="0 0 21 23" fill="none"
                                         xmlns="http://www.w3.org/2000/svg">
                                        <path d="M14.0625 10.6C14.0625 12.5883 12.4676 14.2 10.5 14.2C8.53243 14.2 6.9375 12.5883 6.9375 10.6M1 5.8H20M1 5.8V13C1 20.6402 2.33946 22 10.5 22C18.6605 22 20 20.6402 20 13V5.8M1 5.8L2.71856 2.32668C3.12087 1.5136 3.94324 1 4.84283 1H16.1571C17.0568 1 17.8791 1.5136 18.2814 2.32668L20 5.8"
                                              stroke="black" stroke-width="2" stroke-linecap="round"
                                              stroke-linejoin="round"></path>
                                    </svg>
                                    <span class="header-action-badge bg-furniture">12</span></a></div>
                            </div>
                            <div class="header-humbager ml-30" id="header-setting-toggle">
                                <a class="sidebar__toggle">
                                    <div class="bar-icon-2"><span></span><span></span><span></span></div>
                                </a>
                                <div class="header__hamburger ml-50 d-none">
                                    <button type="button" class="hamburger-btn offcanvas-open-btn"><span>01</span><span>01</span><span>01</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<main>
    <div class="breadcrumb__area theme-bg-1 p-relative z-index-11 pt-95 pb-95">
        <div class="breadcrumb__thumb" data-background="assets/imgs/bg/breadcrumb-bg.jpg"></div>
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xxl-12">
                    <div class="breadcrumb__wrapper text-center"><h2 class="breadcrumb__title">结算支付</h2>
                        <div class="breadcrumb__menu">
                            <nav>
                                <ul>
                                    <li><span><a href="index.html">主页</a></span></li>
                                    <li><span>结算支付</span></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <section class="checkout-area section-space">
        <div class="container">
            <form action="#">
                <div class="row">
<!--                    <div class="col-lg-6">-->
<!--                        <div class="checkbox-form"><h3 class="mb-15">Billing Details</h3>-->
<!--                            <div class="row g-5">-->
<!--                                <div class="col-md-12">-->
<!--                                    <div class="country-select"><label>Country <span-->
<!--                                            class="required">*</span></label><select>-->
<!--                                        <option value="volvo">United States</option>-->
<!--                                        <option value="saab">Algeria</option>-->
<!--                                        <option value="mercedes">Afghanistan</option>-->
<!--                                        <option value="audi">Ghana</option>-->
<!--                                        <option value="audi2">Albania</option>-->
<!--                                        <option value="audi3">Bahrain</option>-->
<!--                                        <option value="audi4">Colombia</option>-->
<!--                                        <option value="audi5">Dominican Republic</option>-->
<!--                                    </select></div>-->
<!--                                </div>-->
<!--                                <div class="col-md-6">-->
<!--                                    <div class="checkout-form-list"><label>First Name <span-->
<!--                                            class="required">*</span></label><input type="text" placeholder=""></div>-->
<!--                                </div>-->
<!--                                <div class="col-md-6">-->
<!--                                    <div class="checkout-form-list"><label>Last Name <span-->
<!--                                            class="required">*</span></label><input type="text" placeholder=""></div>-->
<!--                                </div>-->
<!--                                <div class="col-md-12">-->
<!--                                    <div class="checkout-form-list"><label>Company Name</label><input type="text"-->
<!--                                                                                                      placeholder="">-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="col-md-12">-->
<!--                                    <div class="checkout-form-list"><label>Address <span-->
<!--                                            class="required">*</span></label><input type="text"-->
<!--                                                                                    placeholder="Street address"></div>-->
<!--                                </div>-->
<!--                                <div class="col-md-12">-->
<!--                                    <div class="checkout-form-list"><input type="text"-->
<!--                                                                           placeholder="Apartment, suite, unit etc. (optional)">-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="col-md-12">-->
<!--                                    <div class="checkout-form-list"><label>Town / City <span-->
<!--                                            class="required">*</span></label><input type="text"-->
<!--                                                                                    placeholder="Town / City"></div>-->
<!--                                </div>-->
<!--                                <div class="col-md-6">-->
<!--                                    <div class="checkout-form-list"><label>State / County <span-->
<!--                                            class="required">*</span></label><input type="text" placeholder=""></div>-->
<!--                                </div>-->
<!--                                <div class="col-md-6">-->
<!--                                    <div class="checkout-form-list"><label>Postcode / Zip <span-->
<!--                                            class="required">*</span></label><input type="text"-->
<!--                                                                                    placeholder="Postcode / Zip"></div>-->
<!--                                </div>-->
<!--                                <div class="col-md-6">-->
<!--                                    <div class="checkout-form-list"><label>Email Address <span class="required">*</span></label><input-->
<!--                                            type="email" placeholder=""></div>-->
<!--                                </div>-->
<!--                                <div class="col-md-6">-->
<!--                                    <div class="checkout-form-list"><label>Phone <span class="required">*</span></label><input-->
<!--                                            type="text" placeholder="Postcode / Zip"></div>-->
<!--                                </div>-->
<!--                                <div class="col-md-12">-->
<!--                                    <div class="checkout-form-list create-acc d-flex align-content-center"><input-->
<!--                                            class="e-check-input" id="xbox" type="checkbox"><label class="mb-0">Create-->
<!--                                        an account?</label></div>-->
<!--                                    <div id="cbox_info" class="checkout-form-list create-account"><p>Create an account-->
<!--                                        by entering the information below. If you are a returning customer please login-->
<!--                                        at the top of the page.</p><label>Account password <span-->
<!--                                            class="required">*</span></label><input type="password"-->
<!--                                                                                    placeholder="password"></div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="different-address">-->
<!--                                <div class="ship-different-title"><label>Ship to a different address?</label><input-->
<!--                                        class="e-check-input" id="ship-box" type="checkbox"></div>-->
<!--                                <div id="ship-box-info">-->
<!--                                    <div class="row">-->
<!--                                        <div class="col-md-12">-->
<!--                                            <div class="country-select"><label>Country <span-->
<!--                                                    class="required">*</span></label><select>-->
<!--                                                <option value="volvo">Bangladesh</option>-->
<!--                                                <option value="saab">Algeria</option>-->
<!--                                                <option value="mercedes">Afghanistan</option>-->
<!--                                                <option value="audi">Ghana</option>-->
<!--                                                <option value="audi2">Albania</option>-->
<!--                                                <option value="audi3">Bahrain</option>-->
<!--                                                <option value="audi4">Colombia</option>-->
<!--                                                <option value="audi5">Dominican Republic</option>-->
<!--                                            </select></div>-->
<!--                                        </div>-->
<!--                                        <div class="col-md-6">-->
<!--                                            <div class="checkout-form-list"><label>First Name <span-->
<!--                                                    class="required">*</span></label><input type="text" placeholder="">-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                        <div class="col-md-6">-->
<!--                                            <div class="checkout-form-list"><label>Last Name <span-->
<!--                                                    class="required">*</span></label><input type="text" placeholder="">-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                        <div class="col-md-12">-->
<!--                                            <div class="checkout-form-list"><label>Company Name</label><input-->
<!--                                                    type="text" placeholder=""></div>-->
<!--                                        </div>-->
<!--                                        <div class="col-md-12">-->
<!--                                            <div class="checkout-form-list"><label>Address <span-->
<!--                                                    class="required">*</span></label><input type="text"-->
<!--                                                                                            placeholder="Street address">-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                        <div class="col-md-12">-->
<!--                                            <div class="checkout-form-list"><input type="text"-->
<!--                                                                                   placeholder="Apartment, suite, unit etc. (optional)">-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                        <div class="col-md-12">-->
<!--                                            <div class="checkout-form-list"><label>Town / City <span-->
<!--                                                    class="required">*</span></label><input type="text"-->
<!--                                                                                            placeholder="Town / City">-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                        <div class="col-md-6">-->
<!--                                            <div class="checkout-form-list"><label>State / County <span-->
<!--                                                    class="required">*</span></label><input type="text" placeholder="">-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                        <div class="col-md-6">-->
<!--                                            <div class="checkout-form-list"><label>Postcode / Zip <span-->
<!--                                                    class="required">*</span></label><input type="text"-->
<!--                                                                                            placeholder="Postcode / Zip">-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                        <div class="col-md-6">-->
<!--                                            <div class="checkout-form-list"><label>Email Address <span class="required">*</span></label><input-->
<!--                                                    type="email" placeholder=""></div>-->
<!--                                        </div>-->
<!--                                        <div class="col-md-6">-->
<!--                                            <div class="checkout-form-list"><label>Phone <span class="required">*</span></label><input-->
<!--                                                    type="text" placeholder="Postcode / Zip"></div>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="order-notes">-->
<!--                                    <div class="checkout-form-list"><label>Order Notes</label><textarea-->
<!--                                            id="checkout-mess" cols="30" rows="10"-->
<!--                                            placeholder="Notes about your order, e.g. special notes for delivery."></textarea>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
                    <div class="col-lg-12">
                        <div class="checkbox-form"><h3 class="mb-15">支付详情</h3>
                        <div class="your-order"><h3>订单信息</h3>
                            <div class="your-order-table table-responsive">
                                <table>
                                    <thead>
                                    <tr>
                                        <th class="product-name"><h5>商品</h5></th>
                                        <th class="product-total"><h5>合计</h5></th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr class="cart_item">
                                        <td class="product-name">长安的荔枝<strong class="product-quantity">×
                                            1</strong></td>
                                        <td class="product-total"><span class="amount">￥24.00</span></td>
                                    </tr>
                                    <tr class="cart_item">
                                        <td class="product-name">马尔克斯：百年孤独（50周年纪念版）<strong class="product-quantity">×
                                            1</strong></td>
                                        <td class="product-total"><span class="amount">￥12.00</span></td>
                                    </tr>
                                    <tr class="cart_item">
                                        <td class="product-name">三体：全三册<strong class="product-quantity">×
                                            1</strong></td>
                                        <td class="product-total"><span class="amount">￥22.00</span></td>
                                    </tr>
                                    </tbody>
                                    <tfoot>
                                    <tr class="cart-subtotal">
                                        <th><h5>优惠</h5></th>
                                        <td><span class="amount">-￥18.00</span></td>
                                    </tr>
                                    <tr class="cart-subtotal">
                                        <th><h5>购物车合计</h5></th>
                                        <td><span class="amount">￥58.00</span></td>
                                    </tr>
                                    <tr class="shipping">
                                        <th><h5>运费</h5></th>
                                        <td>
                                            <ul>
                                                <li><input type="radio" name="shipping" checked><label>普通配送：免费</label></li>
                                                <li><input type="radio" name="shipping"><label>快速配送：<span
                                                        class="amount">￥10.00</span></label></li>
                                            </ul>
                                        </td>
                                    </tr>
                                    <tr class="shipping">
                                        <th><h5>支付方式</h5></th>
                                        <td>
                                            <ul>
                                                <li><input type="radio" name="payment" checked><label>微信支付</label></li>
                                                <li><input type="radio" name="payment"><label>支付宝</label></li>
                                            </ul>
                                        </td>
                                    </tr>
                                    <tr class="order-total">
                                        <th><h5>订单合计</h5></th>
                                        <td><strong><span class="amount">￥85.00</span></strong></td>
                                    </tr>
                                    </tfoot>
                                </table>
                            </div>
                            <div class="payment-method">
                                <div class="accordion" id="checkoutAccordion">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="checkoutOne">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#bankOne" aria-expanded="true"
                                                    aria-controls="bankOne"><h5>下单说明</h5>
                                            </button>
                                        </h2>
                                        <div id="bankOne" class="accordion-collapse collapse show"
                                             aria-labelledby="checkoutOne" data-bs-parent="#checkoutAccordion">
                                            <div class="accordion-body" >请仔细核对购物车中的图书信息，包括书名、作者、价格以及数量，确保所选图书符合您的需求。
                                                请填写正确的收货地址和联系方式，以便我们准确、及时地为您配送图书。
                                                在选择支付方式时，请根据您的实际情况选择合适的支付方式，并确保支付账户的资金充足。
                                                在下单前，请仔细阅读并了解我们的退换货政策，以便在需要时能够及时处理相关事宜。
                                                如果您在购买过程中遇到任何问题或疑虑，欢迎随时联系我们的客服团队，我们将竭诚为您解答和提供帮助。
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="order-button-payment mt-20 text-center">
                                    <button class="fill-btn" type="submit" style="width: 300px;"><span class="fill-btn-inner"><span
                                            class="fill-btn-normal">去支付</span><span class="fill-btn-hover">去支付</span></span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </section>
</main>
<footer class="footer-bg">
    <div class="footer-area pt-100 pb-20">
        <div class="footer-style-4">
            <div class="container">
                <div class="footer-grid-3">
                    <div class="footer-widget-4">
                        <div class="footer-logo mb-35"><a href="index.html"><img
                                src="assets/imgs/furniture/logo/logo-light.svg" alt="image bnot found"></a></div>
                        <p>汇聚万千好书，点亮智慧之光，我们的书店网站，您的阅读天堂！</p>
                        <div class="theme-social"><a class="furniture-bg-hover" href="#"><i
                                class="fa-brands fa-facebook-f"></i></a><a class="furniture-bg-hover" href="#"><i
                                class="fa-brands fa-twitter"></i></a><a class="furniture-bg-hover" href="#"><i
                                class="fa-brands fa-linkedin-in"></i></a><a class="furniture-bg-hover" href="#"><i
                                class="fa-brands fa-instagram"></i></a></div>
                    </div>
                    <div class="footer-widget-4">
                        <div class="footer-widget-title"><h4>服务</h4></div>
                        <div class="footer-link">
                            <ul>
                                <li><a href="error.html">注册</a></li>
                                <li><a href="error.html">登录</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="footer-widget-4">
                        <div class="footer-widget-title"><h4>商城</h4></div>
                        <div class="footer-link">
                            <ul>
                                <li><a href="product.html">图书选购</a></li>
                                <li><a href="wishlist.html">愿望单</a></li>
                                <li><a href="cart.html">购物车</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="footer-widget footer-col-4">
                        <div class="footer-widget-title"><h4>联系方式</h4></div>
                        <div class="footer-info mb-35">
                            <div class="footer-info-item d-flex align-items-start pb-15 pt-15">
                                <div class="footer-info-icon mr-20"><span><i
                                        class="fa-solid fa-location-dot furniture-icon"></i></span></div>
                                <div class="footer-info-text"><a class="furniture-clr-hover" target="_blank"
                                                                 href="">北京市东城区藏经馆胡同17号1幢A103室</a></div>
                            </div>
                            <div class="footer-info-item d-flex align-items-start">
                                <div class="footer-info-icon mr-20"><span><i
                                        class="fa-solid fa-phone furniture-icon"></i></span></div>
                                <div class="footer-info-text"><a class="furniture-clr-hover" href="tel:012-345-6789">4001066666-5</a></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="footer-copyright-area b-t">
            <div class="footer-copyright-wrapper">
                <div class="footer-copyright-text"><p class="mb-0">© All Copyright 2024 by <a target="_blank"
                                                                                              class="furniture-clr-hover"
                                                                                              href="../../../index.htm">Addina</a>
                </p></div>
                <div class="footer-payment d-flex align-items-center gap-2">
                    <div class="footer-payment-item mb-0">
                        <div class="footer-payment-thumb"><img src="assets/imgs/icons/payoneer.png" alt=""></div>
                    </div>
                    <div class="footer-payment-item mb-0">
                        <div class="footer-payment-thumb"><img src="assets/imgs/icons/maser.png" alt=""></div>
                    </div>
                    <div class="footer-payment-item">
                        <div class="footer-payment-thumb"><img src="assets/imgs/icons/paypal.png" alt=""></div>
                    </div>
                </div>
                <div class="footer-conditions">
                    <ul>
                        <li><a class="furniture-clr-hover" href="#">经营许可</a></li>
                        <li><a class="furniture-clr-hover" href="#">隐私政策</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</footer>
<script src="assets/js/jquery-3.6.0.min.js"></script>
<script src="assets/js/waypoints.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/meanmenu.min.js"></script>
<script src="assets/js/swiper.min.js"></script>
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/magnific-popup.min.js"></script>
<script src="assets/js/counterup.js"></script>
<script src="assets/js/wow.js"></script>
<script src="assets/js/ajax-form.js"></script>
<script src="assets/js/beforeafter.jquery-1.0.0.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>